package main

import (
	"gitee.com/mad-wud/lin"
)

var 表格列_基础 = `<template>
	<el-table :data="tableData" style="width: 100%"  >
	<el-table-column type="selection" width="55" /> <!--  多选例子 -->
	  <el-table-column  {1} {2}/> <!--  被改变样式的例子列 -->
	  <el-table-column prop="name" label="Name" width="180" />
	  <el-table-column prop="address" label="Address" show-overflow-tooltip /> <!-- show-overflow-tooltip可以把超过的隐藏 鼠标上去后提示 -->
	  <el-table-column align="right" width="180">
      <template #header> <!--  头部范围 -->
        <el-input v-model="search" size="small" placeholder="Type to search" />
      </template>
      <template #default="scope"> <!--  列表范围 并且用 scope 来获取行数据 -->
        <el-button size="small" @click="handleEdit(scope.$index, scope.row)"
          >Edit</el-button
        >
        <el-button
          size="small"
          type="danger"
          @click="handleDelete(scope.$index, scope.row)"
          >Delete</el-button
        >
      </template>
    </el-table-column>
	</el-table>
  </template>
  
  <script  setup>
  import { ref } from 'vue'
  const tableData = [
	{
	  date: '2016-05-03',
	  name: 'Tom',
	  address: 'No. 189, Grove St, Los Angeles',
	},
	{
	  date: '2016-05-02',
	  name: 'Tom',
	  address: 'No. 189, Grove St, Los Angeles',
	},
	{
	  date: '2016-05-04',
	  name: 'Tom',
	  address: 'No. 189, Grove St, Los Angeles',
	},
	{
	  date: '2016-05-01',
	  name: 'Tom',
	  address: 'No. 189, Grove St, Los Angeles',
	},
  ]

  const search = ref('') //头部input关联的数据

  // 下面是两个按钮的方法
  const handleEdit = (index, row) => {
	console.log(index, row)
  }
  const handleDelete = (index, row) => {
	console.log(index, row)
  }

//如果下面有触发的方法 参数请参考 选项事件里的 类型
{3}
  </script>
<style lang="scss"  scoped>

</style>`

func 表格列(表 lin.J键值表) (vue string, 错误 error) {
	基础vue := 表格列_基础
	属性表 := 表.QJ取键值表("属性")
	文件路径 := 全_文件.QX取运行目录() + "/表格列.vue"

	属性 := 属性生成(属性表)
	属性 = 全_文本.T替换文本(属性, " sort_method=", " :sort_method=", -1)

	样式 := ""
	js := ""
	if 属性表.QW取文本("sort_method") != "" {
		js = js + 全_文本.C创建文本(" \r\n const {1} =(a,b)=>{ return a>b }", 属性表.QW取文本("sort_method"))
	}

	基础vue = 全_文本.C创建文本(基础vue, 属性, 样式, js)
	return 基础vue, 全_文件.X写到_文件(文件路径, []byte(基础vue))

}
